import React, { Component } from 'react'

export default class Count extends Component {
  constructor() {
    super()
    this.state = {
      c: 1,
    }
  }

  handle() {
    // setState是实例的方法
    this.setState({
      c: this.state.c + 1,
    })
  }
  render() {
    return (
      <div>
        {/* 使用状态: 状态一定是要在render中渲染出来的 */}
        <p>{this.state.c}</p>
        {/* 第二种解决this指向问题的办法 */}
        <button
          onClick={() => {
            this.handle()
          }}
        >
          +
        </button>
      </div>
    )
  }
}
